<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="asset\set.css">
    <link rel="stylesheet" href="css\dynamic.css">
    <link rel="stylesheet" href="icon\iconfont\iconfont.css">
    <title>dynamic</title>
</head>
<body>
    <div class="container">
        <header>
            <div class="name_status">
                <p>动态</p>
            </div>
            <div class="right-icon">
                <i class="i ic:bell" id="bell"></i>
                <i class="i ic:settings"></i>
            </div>
        </header>
        <div class="user" onclick="location.href='mine.html'">
            <div class="left">
                <img src="img/head_portrait.png">
                <span>我</span>
                <img src="iconfont-img\vip.ico">
            </div>
            <div class="right">
                <i class="i ic:arrow-right"></i>
            </div>
        </div>
        <ul class="function">
            <li>
                <i class="i ic:game"></i>
                <p>游戏中心</p>
            </li>
            <li>
                <i class="i ic:image"></i>
                <p>相册</p>
            </li>
            <li>
                <i class="i ic:more-3"></i>
                <p>更多</p>
            </li>
        </ul>
        <div class="right-now">
            <div class="left">
                <img src="iconfont-img\right_now.ico" alt="">
                <span>此刻</span>
            </div>
            <div class="right">
                <span>记录此刻，分享快乐</span>
                <i class="i ic:arrow-right"></i>
            </div>
        </div>
        <ul class="friends">
            <li>
                <div class="top">
                    <img src="img/head_portrait.png">
                    <div class="name-time">
                        <p class="name">我</p>
                        <p class="time">07月07日18:18</p>
                    </div>
                    <div class="right-icon">
                        <i class="i ic:more-3"></i>
                    </div>
                </div>
                <div class="content">
                    <p>期末作业</p>
                    <img src="img/期末作业.png" alt="">
                </div>
                <div class="interaction">
                    <div class="upper">
                        <div class="left">
                            <p><i class="i ic:star-5"></i>浏览666次</p>
                            <p><i class="i ic:star-5"></i>iPhone 13 (5G)</p>
                        </div>
                        <div class="right">
                            <i class="i ic:thumbs-up"></i>
                            <i class="i ic:message"></i>
                        </div>
                    </div>
                    <div class="down">
                        <i class="i ic:thumbs-up"><span>
                            我、A、B、C、D、E、F、G、H、
                            I、J、K、L、M、N、O、P、Q、
                            R、S、T、U、V、W、X、Y、Z
                            等66人赞了
                        </span></i>
                        <div class="discussion">
                            <p><strong>你: </strong>期末作业完成了吗？</p>
                            <p><strong>我 </strong>回复<strong> 你: </strong>完成了</p>
                        </div>
                    </div>
                </div>
                <div class="bottom">
                    <img src="img/head_portrait.png" alt="">
                    <textarea onfocus="if(value=='说点什么吧...'){value=''}"  
                    onblur="if (value ==''){value='说点什么吧...'}">说点什么吧...</textarea>
                    <i class="i ic:message"></i>
                </div>
            </li>
        </ul>
        <div class="add">
            <i class="i ic:add"></i>
        </div>
        <ul class="menu">
            <li  onclick="location.href='message.html'">
                <i class="i ic:message"></i>
                <p>消息</p>
            </li>
            <li  onclick="location.href='contact.html'">
                <i class="i ic:contacts"></i>
                <p>联系人</p>
            </li>
            <li>
                <img src="iconfont-img/dynamic-selected.ico" alt="">
                <p>动态</p>
            </li>
        </ul> 
    </div>
</body>
</html>